@charset'UTF-8';

.wrap {
    width: 598px;
    height: 600px;
    background: linear-gradient(#ECECEC, #FFFFED);
   line-height: 30px;
}

.a {
    color: #5C9815;
}

.b {
    color: #F26522;
}

span {
    color: white;
}

.a>span:nth-of-type(1) {
    background-color: #005952;
}

.a>span:nth-of-type(2) {
    background-color: #007135;
}

.a>span:nth-of-type(3) {
    background-color:#72BEDB;
}

.a>span:nth-of-type(4) {
    background-color: #005FAF;
}

.a>span:nth-of-type(5) {
    background-color: #0066B3;
}

.a>span:nth-of-type(6) {
    background-color:#002561;
}
.b>span:nth-of-type(1){
     background-color:#F36F21 ;
}
.b>span:nth-of-type(2){
    background-color:#BB131A ;
}
.b>span:nth-of-type(3){
    background-color:#D73765 ;
}
.b>span:nth-of-type(4){
    background-color:#A70532 ;
}
.b>span:nth-of-type(5){
    background-color:#553171 ;
}
.b>span:nth-of-type(6){
    background-color:#4F1268 ;
}